<template>
  <div>
    <h1>App</h1>
    <!-- v-model会忽略表单元素原本的value checked初始值 -->
    <input type="text" value="123456" v-model="msg" />
    <!-- 
      checkbox
      textarea
     -->
    <hr />
    是否是帅哥<input type="checkbox" checked v-model="flag" />
    <hr />
    <!-- textarea 没有属性value 他的内容是写在标签里面的 -->
    <textarea cols="30" rows="10" v-model="content">123456</textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello world",
      flag: false,
      content: "大家加油vue基础其实不难",
    };
  },
};
</script>

<style>
</style>